<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/sc.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/ccom.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <style>
        .table tr th{
            text-align:center;
            vertical-align: middle!important;
        }
        .table tr td{
            text-align:center;
            vertical-align: middle!important;
        }
    </style>
</head>
<body>
<iframe   src="../html/head.html" width="100%" height="260px" scrolling="no"    name="iframe名称"   style="border: 0" >
</iframe>
<div class="top">
    <div class="left">

    </div>
    <div class="right">

        <img src="../img/3.png" alt="">
    </div>
    <!--<nav class="nav_aftersale" >
        <div class="dropdown_aftersale">
            <div class="list_txt font_family ">
                <ul class="li">
                    <li><a href="http://localhost:63343/qiguai/html/CollectShow.html?_ijt=obhlshosup6n9gvu1ojnfh003s" target="_top" style="font-weight: bolder">我的收藏</a></li>
                    <li><a href="http://localhost:63343/qiguai/html/uaftsale.html" target="_top" >我的售后</a></li>
                    <li><a href="http://localhost:63343/qiguai/html/ucoupon.html" target="_top" >我的优惠券</a></li>
                    <li><a href="http://localhost:63343/qiguai/html/ulogistic.html" target="_top" >我的物流</a></li>
                    <li><a href="http://localhost:63343/qiguai/html/orderpush.html" target="_top" >我的订单</a></li>
                    &lt;!&ndash; <li><a href="http://localhost:63343/qiguai/html/CollectShow.html" target="_top">关注的商品</a></li>&ndash;&gt;
                    &lt;!&ndash;<li><a href="#">我的足迹</a></li>&ndash;&gt;
                    <li><a href="http://localhost:63343/qiguai/html/userperson.html" target="_top" >个人信息</a></li>
                    <li><a href="http://localhost:63343/qiguai/html/adress.html" target="_top">收货地址</a></li>
                </ul>
            </div>
        </div>
    </nav>-->

</div>

<div class="middle" style="width: 70%;margin: 0 auto;">
    <table class="table table-bordered" >
        <tr>
            <th>编号</th>
            <th>图片</th>
            <th>品牌</th>
            <th>名称</th>
            <th>鞋帮</th>
            <th>价格</th>
            <th>操作</th>
        </tr>
       <!-- <tr>
            <th>1</th>
            <th><img src="../img/6.jpg" alt="" style="width: 50px;height: 30px"></th>
            <th>李宁</th>
            <th>火云鞋神</th>
            <th>1099</th>
            <th>有效</th>
        </tr>
        <tr>
            <th>2</th>
            <th><img src="../img/4.jpg" alt="" style="width: 50px;height: 30px"></th>
            <th>阿迪达斯</th>
            <th>火云鞋神</th>
            <th>1099</th>
            <th>有效</th>
        </tr>
        <tr>
            <th>3</th>
            <th><img src="../img/5.jpg" alt="" style="width: 50px;height: 30px"></th>
            <th>彪马</th>
            <th>火云鞋神</th>
            <th>1099</th>
            <th>有效</th>
        </tr>
        <tr>
            <th>4</th>
            <th><img src="../img/6.jpg" alt="" style="width: 50px;height: 30px"></th>
            <th>李宁</th>
            <th>火云鞋神</th>
            <th>1099</th>
            <th>有效</th>
        </tr>-->
    </table>
</div>

<nav style="text-align: right">
    <ul class="pagination" id="ul" style="margin: 0 auto;">

    </ul>
</nav>

</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">删除</h4>
            </div>
            <div class="modal-body">
                <p>确定要删除<span style="color: red"></span>吗？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>

<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/collectshow.js"></script>
<!--<script>

    $.ajax({
        url:"/project/collectAll.do",
        type:"get",
        dataType:"json",
        success:function (data){
            console.log(data)
            let html = ''
            $.each(data.data,function (index, value){
                html += `<tr>
             <td>${value.collectId}</td>
             <td><img src="${value.goodPhoto}" style="width: 148px;height: 148px"></td>
             <td>${value.goodBrand}</td>
             <td style="height: 50px;">${value.goodName}</td>
             <td>${value.goodUpper}</td>
             <td>${value.goodMoney}</td>
             <td><button data-id="${value.collectId}" data-ukname="${value.goodName}" data-toggle="modal" data-target="#myModal"
            class="btn btn-primary">删除</button></td>
             </tr>`
            })
            $("table").append(html)
        }
    })
</script>-->

</body>
</html>